<template>
    <view class="kehu">
        <view style="color: blue;" @click="guanbi">关闭</view>
        <view>选择跟进记录</view>
        <view></view>
    </view>
    <view
        style="overflow: hidden; height: 1600px; background-color: rgb(247, 247, 247); width: 360px; margin-left: 8px; margin-top: 40px;">

        <view class="xz">
            <view style=" position: fixed; top: 90px; left: 10px; width: 350px;">
                <u-search placeholder="搜索" :showAction="false" class="xz_search" bgColor="#fff"
                    borderColor="#ccc"></u-search>
            </view>
        </view>
        <ul class="kehu_one" @click="boxTiao">
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
            <li class="box">
                <view class="box_q">
                    <view>
                        <img src="/static/img/11.png" alt="" style="width: 30px; height: 30px; vertical-align: middle;">
                        <span style="color: #666;">赵小刚 跟进（到访）</span>
                    </view>
                    <view>
                        <button style="width: 20px; height: 20px; border-radius:50%;"></button>
                    </view>
                </view>
                <p style="margin-left: 15px;">上门拜访了客户，客户对产品意向很高，但是希望价格能有优惠。</p>
                <view class="shen">
                    <view>深圳木卫二科技有限公司</view>
                    <view style="font-size: 12px;"> <img src="/static/shizhong.png" alt=""
                            style="vertical-align: middle; width: 15px;height: 15px;"> 2019-08-23 22:31</view>
                </view>
            </li>
        </ul>




    </view>
</template>

<script setup lang="ts">

const guanbi = () => {
    uni.navigateBack({
        delta: 1
    })
}
const boxTiao = () => {
    setTimeout(function () {
        uni.navigateBack({
            delta: 1,
            url: '/pages/qiao-crm/qiao-sousuo/qiaolianxiren'
        })

    }, 1000);
}

</script>

<style lang="scss">
.box_q {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
}

.shen {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;

}

.box {
    width: 350px;
    border-radius: 10px;
    background-color: #fff;
    height: 150px;
    box-shadow: 0 0 10px #ccc;
    margin-left: 5px;
    margin-top: 10px;

    view {

        color: #666;


    }
}



.xz {

    width: 360px;
    margin-left: 8px;
    background-color: rgb(249, 249, 249);
    margin-top: 90px;
}

.kehu {
    width: 330px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 3px 20px;
    position: fixed;
    height: 40px;
    background-color: white;
    top: 0px;
    left: 0px;
}
</style>